<!DOCTYPE html>
<html lang="zh-CN" style="background-color: #fff;">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="referrer" content="no-referrer" />
    <link rel="icon" href="/favicon.ico" />
    <title>大连印山官网</title>
    <link rel="stylesheet" href="./assets/style.css" />
  </head>
  <body>
    <div class="mobile-login-index">
      <div class="nut-navbar">
        <div class="nav-left">
          <div class="back"><i class="back-icon" id="back"></i></div> 
        </div> 
        <div class="nav-center">
          <h3 class="nav-title">Login</h3>
        </div> 
        <div class="nav-right" style="display: none;"> 
          <div class="more"><i class="more-icon"></i></div>
        </div>
      </div>
      <div class="login-box">
        <div class="login-item">
          <div class="item-list">
            <p class="list-title">Username or Email</p>
            <form  class="nut-textinput">
              <input type="text" placeholder=" Please enter your username or email" style="outline: none;">
              <span class="nut-textinput-clear" style="display: none;">
                <svg version="1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm2.8 9.7c.3.3.3.8 0 1.1s-.8.3-1.1 0L8 9.1l-1.7 1.7c-.3.3-.8.3-1.1 0-.3-.3-.3-.8 0-1.1L6.9 8 5.2 6.3c-.3-.3-.3-.8 0-1.1.3-.3.8-.3 1.1 0L8 6.9l1.7-1.7c.3-.3.8-.3 1.1 0 .3.3.3.8 0 1.1L9.1 8l1.7 1.7z"></path></svg>
              </span>
            </form>
          </div>
          <div class="item-list">
            <p class="list-title">Password</p>
            <form class="nut-textinput"><input type="password" placeholder="Please enter your password" style="outline: none;">
              <span class="nut-textinput-clear" style="display: none;">
                <svg version="1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
                  <path d="M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm2.8 9.7c.3.3.3.8 0 1.1s-.8.3-1.1 0L8 9.1l-1.7 1.7c-.3.3-.8.3-1.1 0-.3-.3-.3-.8 0-1.1L6.9 8 5.2 6.3c-.3-.3-.3-.8 0-1.1.3-.3.8-.3 1.1 0L8 6.9l1.7-1.7c.3-.3.8-.3 1.1 0 .3.3.3.8 0 1.1L9.1 8l1.7 1.7z"></path>
                </svg>
              </span>
            </form>
          </div>
        </div>
        <div class="login-operate">
          <span class="operate-sign password" id="password">Find password</span>
          <span class="operate-sign" id="signup">Sign up</span>
        </div>
      </div>
      <div class="bottom-box">
        <div class="bottom-btn">Log in</div>
      </div>
    </div>
  </body>
  <script>
    document.getElementById('back').addEventListener('click', function () {
      window.history.go(-1)
    })
    
    document.getElementById('signup').addEventListener('click', function () {
      window.location.href = './mobile-signup.html'
    })
    document.querySelector('#password').addEventListener('click', function() {
      window.location.href = './mobile-password.html'
    })
  </script>